import React, { memo } from 'react'
import {Footer,FooterLeft,FooterRight} from './style'
import {footerLink,iconLink} from 'common/local-data.js'
export default memo(function HNAppHeader() {
    return (
        <Footer>
            <div className="wrap-v2 content">
                <FooterLeft>
                    <div className="service-list">
                        {footerLink.map((item,index)=>{
                            return(
                                <a href={item.link}>{item.title}</a>
                            )
                        })}
                    </div>
                    <div className="right">
                        <span>网易公司版权所有©1997-2021</span>
                        <span>杭州乐读科技有限公司运营：<a href="https://p5.music.126.net/obj/wo3DlcOGw6DClTvDisK1/8282703158/452a/ca0c/3a10/caad83bc8ffaa850a9dc1613d74824fc.png">浙网文[2021] 1186-054号</a></span>
                    </div>
                    
                    <div className="report">
                        <span>违法和不良信息举报电话：0571-89853516</span>
                        <span>举报邮箱：<a href="mailto:ncm5990@163.com">ncm5990@163.com</a></span>
                    </div>
                    <div className="police">
                        <span><a href="https://beian.miit.gov.cn/">粤B2-20090191-18  工业和信息化部备案管理系统网站</a></span>
                        <span>
                            <span className="police-icon"></span>
                            <a href="http://www.beian.gov.cn/portal/registerSystemInfo?recordcode=33010902002564"> 浙公网安备 33010902002564号</a>
                        </span>
                    </div>
                </FooterLeft>

                <FooterRight>
                    {
                        iconLink.map((item,index)=>{
                            return(
                                <li key={item.title} className="item">
                                    {/*eslint-disable-next-line*/ }
                                    <a href={item.link} className="link" rel="noopener noreferrer" target="_blank"></a>
                                    <span className="title">{item.title}</span>
                                </li>
                            )
                        })
                    }
                </FooterRight>
            </div>
        </Footer>
    )
})
